<!DOCTYPE html>
<!--
  Licensed to the Apache Software Foundation (ASF) under one or more
  contributor license agreements.  See the NOTICE file distributed with
  this work for additional information regarding copyright ownership.
  The ASF licenses this file to You under the Apache License, Version 2.0
  (the "License"); you may not use this file except in compliance with
  the License.  You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
-->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="CACHE-CONTROL" content="NO-CACHE,NO-STORE"/>
    <meta http-equiv="PRAGMA" content="NO-CACHE"/>
    <meta http-equiv="EXPIRES" content="-1">
    <title>Pulse</title>
    <link href="css/common.css" rel="stylesheet" type="text/css"/>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>

    <!-- fix IE Ui issues-->
    <!--[if IE 7]>
    <link href="css/ie/ie7.css" type="text/css" rel="stylesheet"/>
    <![endif]-->

    <!--[if IE 8]>
    <link href="css/ie/ie8.css" type="text/css" rel="stylesheet"/>
    <![endif]-->

    <!--[if IE 9]>
    <link href="css/ie/ie9.css" type="text/css" rel="stylesheet"/>
    <![endif]-->

    <!-- IE Fix for HTML5 Tags -->
    <!--[if lt IE 9]>
    <script src='scripts/lib/html5.js'></script>
    <script type="text/javascript" src="scripts/lib/excanvas.js"></script>
    <script type="text/javascript"> if (!window.console) console = {log: function() {}}; </script>
    <![endif]-->

    <script type="text/javascript" src='scripts/lib/jquery-1.7.2.js'></script>
    <script type="text/javascript" src='scripts/lib/common.js'></script>
    <script type="text/javascript" src="scripts/lib/jquery.i18n.properties.js"></script>

    <!--Custom Scroll Bar-->
    <!-- styles needed by jScrollPane - include in your own sites -->
    <link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" media="all"/>

    <!-- the mousewheel plugin -->
    <script type="text/javascript" src="scripts/lib/jquery.mousewheel.js"></script>

    <!-- the jScrollPane script -->
    <script type="text/javascript" src="scripts/lib/jquery.jscrollpane.js"></script>

    <!-- Rgraph and TreeMap-->
    <link type="text/css" href="css/base.css" rel="stylesheet" />
    <link type="text/css" href="css/Treemap.css" rel="stylesheet" />
    <script type="text/javascript" src="scripts/lib/jit.js"></script>
    <script type="text/javascript" src="scripts/lib/jquery.sparkline.js"></script>

    <!-- Grid view CSS and js-->
    <link rel="stylesheet" type="text/css" media="screen" href="css/grid/ui.jqgrid.css" />
    <script src="scripts/lib/grid.locale-en.js" type="text/javascript"></script>
    <script src="scripts/lib/jquery.jqGrid.src.js" type="text/javascript"></script>
    <script src="scripts/lib/jquery.tablednd.js" type="text/javascript"></script>
    <!-- -->
</head>
<body onload="return checkMedia();">
<div id="canvasWidth">
    <!--Top Links-->
    <div class="headerTopLinksMaster">
        <div class="right">
            <div class="left position-relative"><a href="#."class="left headerTopLinks aboutClicked-Off">About</a>
                <!-- About Dropdown-->
                <div id="detailsAbout" class="aboutBlock display-none">
                    <div class="aboutDetailsBlock">
                        <div class="left widthfull-100per marginBottom30">
                            <div class="left"><img data-prod-custom="pulse-aboutimg-custom" src="images/about-geode.png">
                                <div>
                                    <div class="aboutVersionBlock left" id="pulseVersion"></div>
                                    <div class="left termsBlock">&nbsp;<a id="pulseVersionDetailsLink" href="#dialog1" class="display-none" >Version Details</a></div>
                                </div>
                            </div>
                            <div data-prod-custom="pulse-about-custom" class="right aboutText">The Pulse tool monitors Apache Geode system in real time. It provides health information, detailed operational and configuration data, system alerts, throughput performance and statistics for system members and connected clients.</div>
                        </div>
                        <div class="left widthfull-100per copyright">
                            <p>Apache Geode<br>
                               Copyright 2016 The Apache Software Foundation.</p>
                            <p>&nbsp;</p>
                            <p>This product includes software developed at
                               The Apache Software Foundation (http://www.apache.org/).</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="left headerTopSeparator"></div>
            <div class="left"><a href="#" onclick="return openHelpGuide();" class="left headerTopLinks">Help</a></div>
            <div class="left headerTopSeparator"></div>
            <div class="left headerTopLinks welcomeLabelPRZero">Welcome</div>
            <div class="left headerTopLinks textbold font-size12" id="userName"></div>
            <div class="left headerTopSeparator"></div>
            <div class="left"><a href="clusterLogout" class="left headerTopLinks">Sign Out</a></div>
        </div>
    </div>
    <!-- Header block-->
    <header>
        <div class="left">
            <a href="#." onclick="openClusterDetail();" class="left textbold HeaderLink HeaderLinkActive" id="clusterName"></a>
        </div>
        <div class="textbold right logoBlock">
            <img src="images/apache_geode_logo.png"/>
            <a href="#.">[LOGO]</a>
        </div>
    </header>
    <div class="clear"></div>
    <div class="subHeader">
        <ul>
            <li><a href="#." onclick="openClusterDetail();">Cluster View</a></li>
            <li><a href="#." onclick="openDataBrowser();">Data Browser</a></li>
        </ul>
        <div class="clear"></div>
    </div>
    <!-- Middle block-->
    <div class="left widthfull-100per">
        <div id="errorMasterBlock" class="errorMasterBlock">
            <div id="errorText" class="errorInnerIcon">You don't have permissions to access this resource.</div>
        </div>
    </div>
</div>
<!--Popups Block-->
<div id="boxes">
    <!-- Version Details popup-->
    <div id="dialog1" class="window width345"  data-role="widget" data-widgetid="PulseVersionDetails" data-active ="yes" data-timeline="5000">
        <div class="popup_heading"><span>Version Details</span><a href="#" class="closePopup">&nbsp;</a></div>
        <div class="popup_contentBlock">
            <div class="popup-innerblock">
                <ul class="widthfull-100per left"  >
                    <li class="left widthfull-100per"  >
                        <label class="width-40 display-inline-block"  >Pulse Version:</label>
                        <label class="width-58 display-inline-block" id="pulseVer"></label>
                    </li>
                    <li class="left widthfull-100per"  >
                        <label class="width-40 display-inline-block"  >Build Id:</label>
                        <label class="width-58 display-inline-block" id="buildId"></label>
                    </li>
                    <li class="left widthfull-100per"  >
                        <label class="width-40 display-inline-block"  >Build Date:</label>
                        <label class="width-58 display-inline-block" id="buildDate"></label>
                    </li>
                    <li class="left widthfull-100per"  >
                        <label class="width-40 display-inline-block"  >Source Date:</label>
                        <label class="width-58 display-inline-block" id="sourceDate"></label>
                    </li>
                    <li class="left widthfull-100per"  >
                        <label class="width-40 display-inline-block"  >Source Revision:</label>
                        <label class="width-58 display-inline-block" id="sourceRevision"></label>
                    </li>
                    <li class="left widthfull-100per"  >
                        <label class="width-40 display-inline-block"  >Source Repository:</label>
                        <label class="width-58 display-inline-block" id="sourceRepository"></label>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!-- Mask to cover the whole screen -->
    <div id="mask"></div>
</div>
<div id="tooltip" class="tooltip"></div>
</body>
</html>
